<!doctype html>
<html>

<head>
	<title>注册</title>
</head>

<body>
	<div class="register">
		<!-- 顶部 -->
		<div class="logintop">
			<div class="container flex space-between">
				<div class="top_left">
					<img src="../../images/logo.png" alt="">
					<span class="span1">净水器</span>
					<span class="span2">惠聚优质净水器/直饮水</span>
				</div>
				<div class="top_right flex y-center">
					<span class="span3" style="color:#666">已有账号,</span>
					<span class="span3">
						<a href="./login.html">立即登录</a>
					</span>
				</div>
			</div>
		</div>

		<div class="contentbox">
			<div class="container" style="background-color: #fff;">
				<div class="registerbox">
					<div class="title">新用户注册</div>
					<div class="inputbox">
						<input type="text" placeholder="设置用户名称">
						<img src="../../images/account.png" alt="">
					</div>
					<div class="inputbox">
						<input type="tel" placeholder="输入手机号码">
						<img src="../../images/phone4.png" alt="" style="width: 15px;height: 24px;">
					</div>
					<div class="inputbox">
						<input type="text" placeholder="短信验证码">
						<img src="../../images/xiaoxi.png" alt="" style="width: 22px;height: 16px;">
						<div class="sendcode">发送验证码</div>
					</div>
					<div class="inputbox">
						<input type="password" placeholder="设置6至20位登录密码">
						<img src="../../images/password.png" alt="" style="width: 20px;height: 22px;">
					</div>
					<div class="inputbox">
						<input type="password" placeholder="请再次输入登录密码">
						<img src="../../images/password.png" alt="" style="width: 20px;height: 22px;">
					</div>
					<div class="agree flex y-center">
						<img src="../../images/success2.png" alt=""> 已阅读并同意
						<span>
							<a href="./useragreement.html">《用户服务协议》</a>
						</span>
					</div>
					<button class="but">立即注册</button>
				</div>
			</div>
		</div>

		<!-- 底部 -->
		<div class="loginfooter">
			<div class="container flex x-center y-center list">
				<div>
					<a href="#">关于我们</a>
				</div>
				<div>
					<a href="#">帮助中心</a>
				</div>
				<div>
					<a href="#">售后服务</a>
				</div>
				<div>
					<a href="#">配送与验收</a>
				</div>
				<div>
					<a href="#">商务合作</a>
				</div>
				<div>
					<a href="#">企业采购</a>
				</div>
				<div>
					<a href="#">开放平台</a>
				</div>
				<div>
					<a href="#">搜索推荐 </a>
				</div>
				<div>
					<a href="#">友情链接</a>
				</div>
			</div>
			<div class="container flex x-center list">CopyRight @ 优品汇 2015 - 2017</div>
		</div>
	</div>
</body>

</html>